<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path=request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
		<script type="text/javascript">
$(function () {
        $('#container2').highcharts({
            chart: {
                type: 'bar'
            },
            title: {
                text: 'Historic World Population by Region'
            },
            subtitle: {
                text: 'Source: Wikipedia.org'
            },
            xAxis: {
                categories: ['迪阳大厦', '远洋公馆'],
                title: {
                    text: null
                }
            },
            yAxis: {
                min: 0,
                title: {
                    text: 'Population (millions)',
                    align: 'high'
                },
                labels: {
                    overflow: 'justify'
                }
            },
            tooltip: {
                valueSuffix: '件资产'
            },
            plotOptions: {
                bar: {
                    dataLabels: {
                        enabled: true
                    }
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -40,
                y: 100,
                floating: true,
                borderWidth: 1,
                backgroundColor: '#FFFFFF',
                shadow: true
            },
            credits: {
                enabled: false
            },
            series: [{
                name: '1001室',
                data: [107, 31]
            }, {
                name: '1002室',
                data: [133, 156]
            }, {
                name: '1003室',
                data: [573, 214]
            }, {
                name: '1004室',
                data: [553, 204]
            }, {
                name: '1005室',
                data: [503, 114]
            },{
                name: '1006室',
                data: [107, 31]
            }, {
                name: '1007室',
                data: [133, 156]
            }, {
                name: '1008室',
                data: [573, 214]
            }, {
                name: '1009室',
                data: [553, 204]
            }, {
                name: '1010室',
                data: [503, 114]
            }]
        });
    });
		</script>
</head>
<body>
<script src="<%=basePath%>js/highcharts/js/highcharts.js"></script>
<script src="<%=basePath%>js/highcharts/js/modules/exporting.js"></script>

<div id="container2" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>